
/*
Plugin Name : BE Page Builder
Version : 4.6.1
*/
/* 
 *  Owl Carousel 2.4 - Animate Plugin
 */

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-theme .owl-controls {
  text-align:center;
  -webkit-tap-highlight-color:transparent;
}

/*.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}

.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
*/
.owl-theme .owl-dots .owl-dot {
  display:inline-block;
  zoom:1;
  *display:inline;
}

.owl-theme .owl-dots .owl-dot span {
  width:7px;
  height:7px;
  margin:5px 7px;
  background:#d6d6d6;
  display:block;
  -webkit-backface-visibility:visible;
  -webkit-transition:opacity 200ms ease;
  -moz-transition:opacity 200ms ease;
  -ms-transition:opacity 200ms ease;
  -o-transition:opacity 200ms ease;
  transition:opacity 200ms ease;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { 
  background:#869791;
}

/* BE Custom Styling */

.owl-dots {
  margin-top: 15px;
}

/**********************************************************************
            HERO SECTION
**********************************************************************/
.header-hero-section {
	overflow: hidden;
	width: 100%;
  /*height: 100vh;*/
}
.hero-section-wrap *:last-child {
	margin-bottom: 0px !important;
}
.hero-section-wrap{
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 0px;
    height: 100vh;
    transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
    -moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
    -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
    -o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.hero-section-inner-wrap {
	display: table;
	width: 100%;
	height: 100%;
}
.hero-section-inner {
	display: table-cell;
	vertical-align: middle;
}
.header-hero-custom-section .be-row {
	height: 100% !important;
}
.hero-section-wrap .special-heading .separator:last-child {
    margin-bottom: 30px !important;
}

/***********************************
COULMN BLOCK
***********************************/

.column-block .section-overlay{
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}
.animate-hide.section-overlay{
    opacity: 0 ;
}

/**************************************SHORTCODES**************************************/

/*********************************************************************
            ANIMATED NUMBERS
*********************************************************************/

.animate-number,.animate-number-caption {
    display: block;
    margin-bottom: 10px;
}
.animate-number-wrap {
    text-align: center;
}
.animate-number {
    line-height: 1.2 !important;
}

/*********************************************************************
            ANIMATED CHARTS
*********************************************************************/
.chart-wrap {
    text-align: center;
}
.chart {
    text-align: center;
    position: relative;
    width: 110px;
    height: 110px;
    line-height: 110px;
    margin: 0 auto 20px;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
/*********************************************************************
            CLIENT CAROUSEL
*********************************************************************/
/*.client-carousel-module .carousel-item{
    display: none;
}*/
.client-carousel-module.be-owl-carousel{
  display: none;
}
.client-carousel-module.owl-carousel .owl-item,
.portfolio-carousel-module.owl-carousel .owl-item,
.content_slider_module.owl-carousel .owl-item,
.testimonial_module.owl-carousel .owl-item,
.twitter_module.owl-carousel .owl-item {
  -webkit-backface-visibility: initial;
}

/*.portfolio-carousel-module .carousel-item{
    display: none;
}*/
.portfolio-carousel-module.be-owl-carousel{
  display: none;
}
.carousel-wrap {
    position: relative;
    margin-bottom: 50px;
}
.be-owl-carousel{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
}
.be-owl-carousel li{
    margin: 0px 10px;
    display: block;
    position: relative;
}
.portfolio-carousel .be-owl-carousel li {
    margin: 0px 0px;
}
.owl-carousel.client-carousel-module .owl-item img{
  display: inline-block;
  width: auto;
}
.client-carousel-module li a {
    display: block;
    text-align: center;
    line-height: 120px;
}
.portfolio-carousel .be-owl-carousel li img {
    width: 100%;
    max-width: 100%;
}

.client-carousel-module li img {
    vertical-align: middle;
    height: auto !important;
}
.owl-controls .owl-prev,
.owl-controls .owl-prev{
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.owl-controls .owl-buttons{
    opacity: 0;
    -moz-opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.owl-controls .owl-next,
.owl-controls .owl-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    margin-top: -35px;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}
.owl-controls .owl-prev {
    left: 0px;
}
.owl-controls .owl-next {
    right: 0px;
}
/*.client-carousel-module .owl-dots,
.portfolio-carousel-module .owl-dots{
    display: none !important; 
}*/
/*********************************************************************
            CONTACT FORM
*********************************************************************/
.contact_form.style2 .field_name,
.contact_form.style2 .field_email{
    width: 48%;
    float: left;
}
.contact_form.style2 .field_name{
    margin-right: 4%;
}
.contact_form.style2 .submit-fieldset{
    text-align: center;
}  
/*********************************************************************
            COUNTDOWN
*********************************************************************/


.countdown-rtl {
    direction: rtl;
}
.countdown-holding span {
    color: #888;
}
.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}
.countdown-show1 .countdown-section {
    width: 98%;
}
.countdown-show2 .countdown-section {
    width: 48%;
}
.countdown-show3 .countdown-section {
    width: 32.5%;
}
.countdown-show4 .countdown-section {
    width: 24.5%;
}
.countdown-show5 .countdown-section {
    width: 19.5%;
}
.countdown-show6 .countdown-section {
    width: 16.25%;
}
.countdown-show7 .countdown-section {
    width: 14%;
}
.countdown-section {
    display: block;
    float: left;
    font-size: 16px;
    text-align: center;
}
.countdown-amount {
    font-size: 50px;
    line-height: 2;
}
.countdown-period {
    display: block;
}
.countdown-descr {
    display: block;
    width: 100%;
}

/*********************************************************************
            GALLERY
*********************************************************************/

/*MOVED TO STYLE-CSS - BEGIN*/
/*PART 1*/
/*MOVED TO STYLE-CSS : BEGIN*/
/*PART 2 */
/*MOVED TO STYLE-CSS : BEGIN*/
/*PART 3*/

/*********************************************************************
            PORTFOLIO NAVIGATION
*********************************************************************/

.portfolio-nav-wrap a {
    color: inherit !important;
    margin: 5px;
}
.portfolio-nav-wrap .home-grid-icon{
    display: inline-block;
}
.portfolio-nav-wrap.style1-navigation .home-grid-icon{
    width:18px;
}
.portfolio-nav-wrap .style2-navigation .home-grid-icon{
    width:21px;
}
.portfolio-nav-wrap .home-grid-icon:hover span{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(1){
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay : 50ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(2){
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay : 100ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(3){
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay : 200ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(4){
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay : 100ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(5){
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay : 200ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(6){
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay : 300ms;
}
.home-grid-icon span{
    background: #000;
    float: left;
    height: 4px;
    width: 4px;
    margin-bottom: 1px;
    margin-left: 1px;
    -webkit-transition: all 0.3s ease;    
    -moz-transition: all 0.3s ease;    
    -o-transition: all 0.3s ease;    
    -ms-transition: all 0.3s ease;    
    transition: all 0.3s ease;    
}

.portfolio-nav-wrap .style2-navigation .home-grid-icon span{
    height: 5px;
    width: 5px;
}
.single-page-nav.style2-navigation {
    text-align: center;
}
.single-page-nav.style2-navigation .font-icon {
    font-size: 30px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
}
.single-page-nav.style2-navigation .next-post-link,
.single-page-nav.style2-navigation .previous-post-link {
    display: block;
    margin: 0px;
    position: relative;
}
.single-page-nav.style2-navigation .next-post-link .font-icon,
.single-page-nav.style2-navigation .previous-post-link .font-icon {
    font-size: 27px;
}
.single-page-nav.style2-navigation .next-post-link .font-icon{
    margin-left: 20px;
}
.single-page-nav.style2-navigation .previous-post-link .font-icon{
    margin-right: 20px;
}
.single-page-nav.style2-navigation .next-post-link .font-icon:before,
.single-page-nav.style2-navigation .previous-post-link .font-icon:before {
    display: block;
    height: 38px;
    line-height: 38px;
}
.single-page-nav.style2-navigation .next-post-link {
    float: right;
    margin-top: -1px;
}
.single-page-nav.style2-navigation .previous-post-link {
    float: left;
}
.single-page-nav.style2-navigation .next-post-link i.font-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
    display: block;
}
.single-page-nav.style2-navigation .next-post-link h6,
.single-page-nav.style2-navigation .previous-post-link h6 {
    display: block;
    white-space: nowrap;
    line-height: 38px;
    font-size: 13px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
    -moz-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
    -o-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
    -ms-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
    transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
    top: 0px;  
    position: absolute;
}
.single-page-nav.style2-navigation .previous-post-link h6 {
  left: 50%;
  right: auto;
}
.single-page-nav.style2-navigation .next-post-link h6 {
    right: 50%;
    left: auto;
}
.single-page-nav.style2-navigation .previous-post-link:hover h6 {
    opacity: 1;
    left: 100%;
}
.single-page-nav.style2-navigation .next-post-link:hover h6 {
    opacity: 1;
    right: 100%;
}
.single-page-nav.style2-navigation .portfolio-url {
    margin: 0px !important;
    line-height: 40px;
}
/*********************************************************************
            PORTFOLIO DETAILS
*********************************************************************/

.project_details{
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}
.project_details li i {
    margin-right: 20px;
}
.project_details li {
    margin-bottom: 10px;
}
.portfolio-details {
    margin-bottom: 30px;
}
.gallery-side-heading {
    /*font-size: 13px;*/
    margin-bottom: 5px;
    line-height: 17px;
    display: block;
    text-transform: uppercase;
}
.portfolio-details .gallery-side-heading-wrap p {
    margin-bottom: 30px !important;
}
.gallery-cat-list-wrap {
    margin-bottom: 30px;
}
a.custom-share-button, a.custom-share-button:active, a.custom-share-button:hover, a.custom-share-button:visited {
    color: #000;
    margin:0px 8px;
}
.gallery-cat-list-wrap a{
    color: inherit !important;
}
a.view-project-link {
    text-transform: uppercase;
    /*color: inherit !important;*/
    color: inherit;
    background: none;
    padding: 10px 0px;
    border-bottom-width: 3px;
    border-style: solid;
    border-color: inherit;
}
.portfolio-details.style2 .gallery-side-heading-wrap {
    border-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
    margin-bottom: 20px !important;
}
.portfolio-details.style2 .gallery-side-heading-wrap p,
.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
    float: left;
    line-height: 20px;
    margin-bottom: 20px !important;
}
.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
    width: 160px;
}

/*********************************************************************
            RECENT POSTS
*********************************************************************/


.related-items {
    margin-bottom: 60px;
}
.related-items .post-nav, .related-items .post-nav h6 {
    margin-bottom: 0;
    padding: 0;
}
.related-items .column-block{
    margin-bottom: 0;
}

.recent-post-header {
    margin-bottom: 15px; 
}
.recent-post-title {
    margin-bottom: 10px;       
}

.recent-post-title a {
  color:inherit;
}
.related-items.style3-blog .post-nav {
    margin: 10px 0px 15px 0px !important;
}
.related-items.style3-blog.hide-excerpt .post-content{
    display: none;
}
.related-items.style3-blog .post-title{
    margin-bottom: 10px !important;
}
.related-items.style3-blog .element-inner {
    background: none !important;
}
.related-items.style3-blog .article-details {
    padding: 20px 0;
}
.bar-style-related-posts-list {
    overflow: hidden;
    text-align: center;
    margin-bottom: 0px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 50px 0px;
    position: relative;
}
.bar-style-related-posts-list ul.cal-list {
    display: inline-block;
    vertical-align: top;
}
.bar-style-related-posts-list .post-title {
    font-size: 25px!important;
}
.bar-style-related-posts-list .background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0px;
    left: 0px;
    z-index: 1;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;
}
.bar-style-related-posts-list .background-content {
    position: relative;
    z-index: 2;
}
.bar-style-related-posts-list:hover .background-overlay {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}
.bar-style-related-posts-list .sep-with-icon-wrap {
    margin-bottom: 10px;
}
/*********************************************************************
            TESTIMONIALS
*********************************************************************/
.testimonials-slides{
    display: none;
}
.be_image_slider{
    min-height:1px;
}
.be_image_slider .image_slider_module{
    display: none;
}
.be_image_slider .owl-buttons{
    opacity: 1 !important;
}
.be_image_slider .owl-carousel .owl-item{
    text-align: center;
}
.image_slider_module.owl-carousel .owl-item img{
  width: auto;
  display: inline-block;
}
.testimonial_slide,
.content_slide {
    position: relative;
}
.testimonial_slide_inner {
    position: relative;
    margin: 0 auto;
    padding-left: 90px;
    min-height: 60px;
}


.testimonial-author {
    font-size: inherit;
    display: block;
    line-height: inherit;
}
.testimonial-content {
    margin: 0px 0px 30px 0px;
    z-index: 2;
    position: relative;
    line-height: 2.0;
}
.testimonial_slide .icon-quote {
    position: absolute;
    top: -9px;
    left: 0px;
    font-size: 80px;
    z-index: 1;
    color: #dfdfdf;
    line-height: 60px;
}
.testimonial-author-img,
.testimonial-author-info {
    /*float: left;*/
    width: auto;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}
.testimonial-author-info .testimonial-author-role {
    display: block;
    white-space: nowrap;
}
.testimonial-author-img {
    width: 70px;
    overflow: hidden;
    margin-right: 20px;
}
.testimonial-author-img img {
  border-radius: 50%;
}
.testimonials_wrap .flex-control-nav.flex-control-paging {
    position: relative !important;
    top: 0px;
    margin: 10px 0px 0px 0px;
    display: block !important;
    opacity: 1 !important;
}
.center-content .testimonial_slide_inner {
    max-width: 700px;
    text-align: center;
}
.center-content .testimonial-author-info-wrap {
    display: inline-block;
    /*margin-left: -60px;*/
}
.instagram-feed-img-wrap {
    margin-bottom: 40px;
}
.right-content .testimonial_slide_inner {
    padding-left: 0px;
    padding-right: 95px;
    text-align: right;
}
.right-content .testimonial_slide_inner .icon-quote {
    left: auto;
    right: 0px;
}
.right-content .testimonial_slide_inner .testimonial-author-img {
    float: right;
    margin: 0px 0px 0px 20px;
}
.right-content .testimonial_slide_inner .testimonial-author-info {
    float: right;
    margin-top: 23px;
}
.testimonials_wrap .center-content .font-icon{
    position: static;
    display: block;
    margin-bottom: 20px;
}
.testimonials_wrap .center-content .testimonial_slide_inner{
    padding-left: 0px;
}
span.subtitle {
    font-size: 11px;
}
.content-slider{
    display: none;
}
.content_slider_module.owl-carousel .owl-item img{
    width: auto;
}
.content-slide-wrap .content-slider .flex-control-nav.flex-control-paging {
    position: absolute !important;
    bottom: -11px;
    top: auto;
    line-height: 19px;
    margin-top: 0px;
}
.content-slide-wrap .content-slider .flex-viewport{
    margin-bottom: 40px;
}
.content_slide_inner {
    max-width: 100%;
    margin: 0 auto;
}
.content-slide-wrap .flex-control-paging {
    border-color: #000;
    border-width: 0px;
}
.content-slide-wrap .flex-control-paging li {
    border-color: inherit;
    border-width: 0px;
}
.content-slide-wrap .flex-control-paging li a {
    width: 6px;
    height: 6px;
    border-color: inherit;
    border-width: 0px;
}
.content-slide-wrap .flex-control-paging li a:before {
    content: " ";
    width: auto;
    height: 0px;
    color: #000;
    border-width: 4px;
    border-style: solid;
    border-color: inherit;
    display: block;
    border-radius: 100%;
}
.content-slider .flex-control-nav.flex-control-paging {
    position: relative;
}
/*********************************************************************
BUBBLE TESTIMONIAL
*********************************************************************/

.bubble_testimonial_wrap {
    position: relative;
    margin-bottom: 30px;
}
.bubble_testimonial_wrap i.font-icon.icon-quote {
    font-size: 100px;
    position: absolute;
    top: -18px;
    opacity: 0.2;
    right: -14px;
    display: inline-block;
    z-index: 3;
}
.bubble_testimonial_inner_wrap:after {
    content: "";
    display: block;
    position: absolute;
}
.bubble_left .bubble_testimonial_inner_wrap:after{
    left: 45px;
    border: 9px solid;
    border-top-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: inherit;  
}
.bubble_center .bubble_testimonial_inner_wrap:after{
    left: 50%;
    transform:translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border: 15px solid;
    border-top-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;  
}
.bubble_right .bubble_testimonial_inner_wrap:after{
    right: 45px;
    border: 9px solid;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: transparent;
    border-left-color: transparent;  
}
.bubble_testimonial_inner_wrap .testimonial-content{
    padding: 30px 23px;
    border-radius: 3px;    
    -moz-border-radius: 3px;    
    -webkit-border-radius: 3px;    
}
.bubble_testimonial .testimonial-author-info-wrap h6.testimonial-author{
    margin-bottom: 0px;
}
.bubble_testimonial.bubble_left .testimonial-author-info-wrap {
    margin-left: 20px;
}
.bubble_testimonial.bubble_right .testimonial-author-info-wrap {
    text-align: right;
}
.bubble_testimonial.bubble_center .testimonial-author-img{
    display: block;
    padding-bottom: 10px;
    margin: 0 auto;
}
.bubble_testimonial.bubble_center .testimonial-author-info{
    text-align: center;
    display: block;
}
/*********************************************************************
            TEXT BLOCK
*********************************************************************/

.be-text-block img {
    margin-bottom: 30px;
}



/*********************************************************************
            TEAM
*********************************************************************/
.team-shortcode-wrap {
    overflow: hidden !important;
}
.team-title {
    margin-bottom: 0px;
}
.team-shortcode-wrap  .designation{   
    text-transform: capitalize;
    margin-bottom: 10px;
}
ul.team-social{
    padding-left: 0px;
}
.team-description{
    margin-bottom: 15px;
}
.team-shortcode-wrap .style5-title .thumb-overlay .thumb-bg{
    padding:18px 0px;
}
.team-shortcode-wrap .style3-title{

}
.style5-title .team-social.over,
.style6-title .team-social.over{
    list-style: none;
    padding-left: 0;
    display: block;
    position: absolute;
    bottom: -100px;
    background: #000;
    background: rgba(0, 0, 0, 0.2);
    padding: 15px 0px 13px 0px;
    width: 100%;
    line-height: normal;
    text-align: center;
     -webkit-transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    -ms-transition: bottom 0.4s;
    -o-transition: bottom 0.4s;
    transition: bottom 0.4s;
    z-index: 10;
}
.team-social li {
    display:inline-block;
    margin-bottom: 0px;
    line-height: normal;
}
.team_icons{
    font-size: 12px;
    margin: 0 5px !important;
    border: none !important;
    color: inherit;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    line-height: normal;
}
.team-img {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.team_icons i {
    width: 27px;
    height: 27px;
    line-height: 27px;
    display:block;
}
.team-shortcode-wrap:hover .style5-title .team-social,
.team-shortcode-wrap:hover .style6-title .team-social {
    bottom: 0px;
    top: auto;
}
.style9-hover .team-wrap {
    padding: 0px;
}
.style3-title .team-wrap{
    padding: 0px 15px;
}
.team-shortcode-wrap .style10-hover .thumb-bg {
    background: none !important;
}
.team-shortcode-wrap .thumb-bg {
    display: block;
}
.team-wrap {
    text-align: center;
}
.team-shortcode-wrap .element{
     float: none;
     margin: 0px;
     width: 100%; 
}
/*********************************************************************
            PROCESS
*********************************************************************/
.skill-style1 {
    border-color: #272727;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}
.skill-style1 .skill-row {
    border-color: inherit;
    width: 90%;
    margin: auto;
}
.skill-style1 .skill-col .font-icon,
.process-style1 .process-col .font-icon {
    font-size: 75px;
    display: block;
    margin-bottom: 10px;
}
.skill-style1 .skill-col.size-large .font-icon,
.process-style1 .process-col .font-icon {
    font-size: 80px;
}
.skill-style1 .skill-col .skill-info {
    font-size: 13px;
    text-transform: uppercase;
}
.skill-style1 .skill-col {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 50px 0px;
    margin: 0px !important;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.process-style1 {
    text-align: center;
    border-color: #000;
}
.process-style1 .process-col {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}
.process-style1 .process-divider {
    width: 150px;
    display: inline-block;
    zoom: 1;
    height: 40px;
    vertical-align: top;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
}
.process-style1 .process-divider:last-child {
    display: none;
}
.process-style1 .process-col .font-icon {
    /*margin-bottom: 50px;*/
    margin-bottom: 0.3em;
    padding: 0 15px;
}
/*********************************************************************
            PORTFOLIO
*********************************************************************/
/*.portfolio-container  {
    transition: height .5s;
    -moz-transition: height .5s;
    -webkit-transition: height .5s;
}*/
.portfolio-all-wrap,
.portfolio-container {
    overflow: hidden;
    width: 100%;
    min-height: 30px;
}
.portfolio {
    overflow: hidden;
}
.element {
    float: left;
    margin: 0px 0px 40px 0px;
    overflow: hidden;
}
.element-empty-message {
    width: 100% !important;
    text-align: center;
    text-align: center;
}

.justified-gallery.init-slide-left .flip-img-wrap,
.portfolio-shortcode.init-slide-left .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay{
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.justified-gallery.init-slide-right .flip-img-wrap,
.portfolio-shortcode.init-slide-right .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.justified-gallery.init-slide-left .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-left .flip-img-wrap.img-loaded,
.justified-gallery.init-slide-right .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-right .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay.img-loaded {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
.justified-gallery.init-slide-top .flip-img-wrap,
.portfolio-shortcode.init-slide-top .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.justified-gallery.init-slide-bottom .flip-img-wrap,
.portfolio-shortcode.init-slide-bottom .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.justified-gallery.init-slide-top .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-top .flip-img-wrap.img-loaded,
.justified-gallery.init-slide-bottom .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-bottom .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay.img-loaded {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.justified-gallery.init-scale .flip-img-wrap,
.portfolio-shortcode.init-scale .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.justified-gallery.init-scale .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-scale .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay.img-loaded {  
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.justified-gallery .flip-img-wrap,
.portfolio-shortcode .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay .thumb-overlay {
    transition: transform 0.7s, scale 0.7s;
    -o-transition: -o-transform 0.7s, scale 0.7s;
    -ms-transition: -ms-transform 0.7s, scale 0.7s;
    -moz-transition: -moz-transform 0.7s, scale 0.7s;
    -webkit-transition: transform 0.7s !important;
}
/***************CLASSIC STYLE**************************/

.two-col .element {
    width:  560px;
}
.three-col .element {
    width:  360px;
}
.three-col .element.wide {
    width:  760px;
}
.four-col .element {
    width:  260px;
}
.four-col .element.wide {
    width:  560px;
}

/***************FULL SCREEN STYLE**************************/
.full-screen .element {
    width: 20%;
    margin: 0px;
}
.full-screen.one-col .element {
    width: 100%;
}
.full-screen.two-col .element {
    width: 50%;
}
.full-screen.two-col.masonry_disable .element.wide {
    width: 50%;
}
.full-screen.three-col .element,
.full-screen.three-col.masonry_enable .element.wide {
    width: 33.34%;
}
.full-screen.three-col .element.wide{
    width: 66.7%; 
}
.full-screen.four-col .element,
.full-screen.four-col.masonry_enable .element.wide {
    width: 25%;
}
.full-screen.four-col .element.wide {
    width: 50%;
}
.full-screen.five-col .element,
.full-screen.five-col.masonry_enable .element.wide {
    width: 20%;
}
.full-screen.five-col .element.wide{
    width: 40%;
}
/***************FULL SCREEN WITH GUTTER STYLE**************************/
.full-screen-gutter  {
    margin-right: 40px;
}
.full-screen-gutter.style2-gutter {
    margin-right: 0px !important;
    margin-left: -40px;
}
.full-screen-gutter .element .element-inner {
    margin-left: 40px;
}
.full-screen-gutter .element {
    margin-bottom: 40px;
}
/*********************************************************************/
.element .element-inner,
.element .thumb-wrap,
.element .flip-img-wrap {
    overflow: hidden;
    position: relative;
}
.element img {
	width: 100%;
    display: block;
}
.portfolio-container .element-inner:hover .custom-like-button {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.element.bw_to_bw .element-inner .flip-img-wrap img,
.element.bw_to_c .element-inner .flip-img-wrap img,
.element.c_to_bw .element-inner:hover .flip-img-wrap img,
.client-carousel-item.bw_to_bw img,
.client-carousel-item.bw_to_c img,
.client-carousel-item.c_to_bw:hover img {
    filter : url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android */
    filter : gray; /* IE6-9 */
    -webkit-filter : grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.element.bw_to_c .element-inner:hover .flip-img-wrap img,
.element.c_to_bw .element-inner .flip-img-wrap img,
.client-carousel-item.bw_to_c:hover img,
.client-carousel-item.c_to_bw img {
    -webkit-filter: grayscale(0); 
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}
.element .element-inner .flip-img-wrap.zoom-in-effect img,
.element .element-inner .flip-img-wrap.zoom-out-effect img,
.element .element-inner .flip-img-wrap.zoom-in-rotate-effect img,
.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.element .element-inner:hover .flip-img-wrap.zoom-in-effect img,
.element .element-inner .flip-img-wrap.zoom-out-effect img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.element .element-inner:hover .flip-img-wrap.zoom-out-effect img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.element .element-inner:hover .flip-img-wrap.zoom-in-rotate-effect img,
.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
    -webkit-transform: scale(1.3) rotate(-5deg);
    -moz-transform: scale(1.3) rotate(-5deg);
    -ms-transform: scale(1.3) rotate(-5deg);
    -o-transform: scale(1.3) rotate(-5deg);
    transform: scale(1.3) rotate(-5deg);
}
.element .element-inner:hover .flip-img-wrap.zoom-out-rotate-effect img {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.element img,
.client-carousel-item img {
    transition: filter 0.4s, transform 0.4s;
    -o-transition: -o-filter 0.4s, -o-transform 0.4s;
    -ms-transition: -ms-filter 0.4s, -ms-transform 0.4s;
    -moz-transition: -moz-filter 0.4s, -moz-transform 0.4s;
    -webkit-transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
}

.element.wide-width-height img, 
.element.wide-height img, 
.element.wide-width img {
    max-width: none;
    display: inline-block !important;
}
.portfolio-archives .portfolio.full-screen {
    margin-bottom: 0px;
}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {
	margin-bottom: 40px !important;
}
.full-screen .portfolio-container .element {
	margin-bottom: 0px !important;
}
.portfolio-categories {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}
.portfolio-categories li {
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}
.portfolio-title {
    margin-bottom: 0;
}
.portfolio-title h6 {
    margin-bottom: 5px;
}
.portfolio-title a {
    display: block;
}
.portfolio-content { 
    margin-bottom: 20px; 
}
.element .one-half , .element .be-button, .element img {
    margin-bottom: 0;
}
.element .be-row, .portfolio.one-col .element{
    margin-bottom: 50px;
}
.three-col .portfolio-title , .four-col .portfolio-title, .two-col .portfolio-title, .related-items .portfolio-title{
    padding: 5px 5px 5px 0;
    margin: 12px 1px 1px !important;
}
.portfolio-content-wrap{
    padding-left: 10px;
}
.portfolio-overlay-icon {
    color: #fff;
    background: url('../img/plus_icon.png') no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
}
/*.hover-icon-no-show .portfolio-overlay-icon,*/
.hover-icon-no-show .thumb-title{
    display: none;
}
.trigger_load_more {
    margin: 40px 0 0 40px;
	text-align: center;
}
.portfolio .pagination_parent{
    margin-top: 40px;
}
.trigger_infinite_scroll {
    height: 1px;
}
a.custom-like-button {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    line-height: 16px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s, scale 0.4s;
    -moz-transition: opacity 0.4s, scale 0.4s;
    transition: opacity 0.4s, scale 0.4s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    font-size: 13px;
    -webkit-transition-delay: 0.4s; /* Safari */
    transition-delay: 0.4s;
    z-index: 10;
}
a.custom-like-button span {
    display: inline-block;
    margin-left: 3px;
}
/***************THUMB EFFECTS**************************/

.thumb-wrap {
    display: block;
}
.thumb-wrap, .thumb-bg{
    position: relative;
}
.flip-wrap {
    overflow: hidden;
    position: relative;
}
.thumb-overlay {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    /*display: none;*/
}
.thumb-bg {
    width: 100%;
    height: 100%;
	display: table;
}

.thumb-bg .thumb-icons {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*PORTFOLIO TITLE STYLE 1*/
.style1-title .thumb-title-wrap {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.style1-title .thumb-title {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    border: 3px solid;
    padding: 6px 15px;
    margin-bottom: 10px;
}

/*PORTFOLIO TITLE STYLE 2/STYLE 3/STYLE 4*/
.style2-title .thumb-title-wrap,
.style3-title .thumb-title-wrap,
.style4-title .thumb-title-wrap {
    text-align: center;
    display: table-cell;
    vertical-align: top;
}
.style2-title .thumb-title,
.style4-title .thumb-title {
    margin: 10px 20px 10px 20px;
}
.style3-title .thumb-title{
    margin: 0px 0px 10px 0px;    
}
.style2-title .portfolio-item-cats,
.style3-title .portfolio-item-cats,
.style4-title .portfolio-item-cats {
    margin: 0px 20px 0px 20px;
}
/*PORTFOLIO TITLE STYLE 2*/
.style2-title .thumb-title-wrap {
    text-align: left;
    vertical-align: top;
}
/*PORTFOLIO TITLE STYLE 3*/
.style3-title .thumb-title-wrap {
    vertical-align: middle;
}
.style4-title .portfolio-item-cats {
    margin: 0px 0px 0px 0px !important;
}
/*PORTFOLIO TITLE STYLE 4*/
.style4-title .thumb-title-wrap {
    text-align: left;
    vertical-align: bottom;
}
.style4-title .portfolio-item-cats {
    margin: 0px 20px 10px 20px !important;
}
.style4-title .thumb-title:last-child {
margin-bottom: 5px !important;
}

.popup-gallery {
    display: none;
}

.thumb-bg.act-table {
    display: table
}

.thumb-icons a{
    margin-right: 10px;
    padding: 6px 5px 4px 5px;
    display: inline-block;
    border-radius: 50%;
}
.thumb-icons .font-icon {
    font-size: 16px;
}

.blog-post .thumb-overlay {
    display: none;
}

.element.style1-hover .thumb-overlay {
    opacity: 0;
    transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
}
.element.style1-hover .element-inner:hover .thumb-overlay{
    opacity: 1;
}

.element.style2-hover {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.element.style2-hover .thumb-overlay {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}
.element.style2-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
}

.element.style3-hover,
.element.style4-hover {
    overflow: hidden;
}
.style3-hover .thumb-overlay,
.style4-hover .thumb-overlay {
    display: none;
}

.element.style5-hover .thumb-overlay {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.element.style5-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.element.style6-hover {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden;
}
.element.style6-hover .thumb-overlay {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg); 
    -moz-transform: translateZ(600px) rotateX(20deg); 
    -ms-transform: translateZ(600px) rotateX(20deg); 
    transform: translateZ(600px) rotateX(20deg); 
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.element.style6-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: translateZ(0px) rotateX(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg);
    transform: translateZ(0px) rotateX(0deg); 
    opacity: 1;
}
.element.style7-hover {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.element.style7-hover .thumb-overlay {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}
.element.style7-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

.element.style8-hover .thumb-overlay {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.element.style8-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
.touch .justified-gallery .element-inner:hover .thumb-overlay{
  opacity: 0;
  transition: none;
  transform: none;
}
.element.style5-title,
.element.style5-title .element-inner,
.element.style6-title,
.element.style6-title .element-inner {
    overflow: visible;
}
.element.style5-title .thumb-overlay,
.element.style6-title .thumb-overlay,
.element.style7-title .thumb-overlay {
    position: relative;
    display: block !important;
}
.portfolio-container .style5-title .thumb-overlay .thumb-bg,
.portfolio-container .style6-title .thumb-overlay .thumb-bg,
.portfolio-container .style7-title .thumb-overlay .thumb-bg {
    padding: 15px 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.style5-title .portfolio-item-cats,
.style6-title .portfolio-item-cats {
    margin: 0px 0px 0px 0px !important;
}
.style5-title .thumb-title,
.style6-title .thumb-title,
.style7-title .thumb-title {
    margin: 0px 0px 5px 0px !important;
}
.element.style6-title .thumb-overlay .thumb-bg {
    padding: 15px 0px;
}
.element.style7-title .thumb-overlay {
    position: absolute;
    bottom: -120px;
    top: auto;
    height: auto;
    -webkit-transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    transition: bottom 0.4s;
}
.element.style7-title .element-inner:hover .thumb-overlay {
    bottom: 0px;
}
.portfolio-container.force-show-thumb-overlay{
    opacity: 0;
    transition: opacity 0.4s;
}
.portfolio-container.force-show-thumb-overlay .element .thumb-overlay{
    /*transform: none;*/
    /*transition: none;*/
    opacity: 1;
    display: block;
    bottom: 0px;
}

/***************FILTERS**************************/

.filters{
    /*text-transform: uppercase;*/
    margin-bottom:40px;  
    /*font-size: 12px;*/
    text-align: center;
}

.filters .sort{
    cursor:pointer; 
    display: inline-block;
}
.filters.border .sort{
    padding:5px 18px 5px 20px;
}
.filters.rounded .sort{
    padding: 3px 20px;
}
.filters .filter_item {
    font-weight: normal;
    margin-bottom: 0;
    display: inline-block;
}
.filters.border .filter_item{
    margin-right: 5px;
}
.filters.single_border .filter_item{
    border-right: 1px solid;
    padding: 0px 13px;
    line-height: normal;
}
.filters.border .current_choice {
    border: 1px solid;
}
.filters.rounded .current_choice{
    border-radius: 50px;
}

/*********************************************************************
            LOADING
*********************************************************************/
.loader {
	text-align: center;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: -50px 0px 0px -50px;
	display: none;
	overflow: hidden;
}
.page-loader {
    position: fixed;
    z-index: 10;
}
.loader-style1-wrap {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 25px;
}
.loader-style1-double-bounce1, .loader-style1-double-bounce2 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #999;
    opacity: 0.6;
    top: 0;
    left: 0;
    -webkit-animation: loader-style1-animation 2.0s infinite ease-in-out;
    animation: loader-style1-animation 2.0s infinite ease-in-out;
}
.loader-style1-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes loader-style1-animation {
    0%, 100% { 
        -webkit-transform: scale(0.0);
    }
    50% { 
        -webkit-transform: scale(1.0);
    }
}
@keyframes loader-style1-animation {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}
.loader-style2-wrap {
    width: 50px;
    height: 50px;
    margin: 25px auto;
    background-color: #999;
    border-radius: 100%;  
    -webkit-animation: loader-style2-animation 1.0s infinite ease-in-out;
    animation: loader-style2-animation 1.0s infinite ease-in-out;
}
@-webkit-keyframes loader-style2-animation {
    0% { -webkit-transform: scale(0.0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
@keyframes loader-style2-animation {
    0% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
.loader-style3-wrap {
    margin: 10px auto;
    width: 80px;
    height: 50px;
    text-align: center;
    font-size: 10px;
}
.loader-style3-wrap > div {
    background-color: #999;
    height: 100%;
    width: 8px;
    display: inline-block; 
    -webkit-animation: loader-style3-animation 1.2s infinite ease-in-out;
    animation: loader-style3-animation 1.2s infinite ease-in-out;
    margin: 0px 2px;
}
.loader-style3-wrap .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.loader-style3-wrap .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.loader-style3-wrap .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.loader-style3-wrap .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes loader-style3-animation {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes loader-style3-animation {
    0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
.loader-style4-wrap {
    font-size: 10px;
    position: relative;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid #000;
    -webkit-animation: loader-style4-animation 1.1s infinite linear;
    animation: loader-style4-animation 1.1s infinite linear;
}
.loader-style4-wrap,
.loader-style4-wrap:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 23px;
}
@-webkit-keyframes loader-style4-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loader-style4-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.loader-style5-wrap {
    margin: 25px auto;
    width: 50px;
    height: 50px;
    position: relative;
    text-align: center;
    -webkit-animation: style5-rotate 2.0s infinite linear;
    animation: style5-rotate 2.0s infinite linear;
}
.loader-style5-wrap .dot1, .loader-style5-wrap .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #999;
    border-radius: 100%;
    -webkit-animation: style5-bounce 2.0s infinite ease-in-out;
    animation: style5-bounce 2.0s infinite ease-in-out;
}
.loader-style5-wrap .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes style5-rotate { 
    100% { 
        -webkit-transform: rotate(360deg) 
    }
}
@keyframes style5-rotate { 
    100% { 
        transform: rotate(360deg); 
        -webkit-transform: rotate(360deg) 
    }
}
@-webkit-keyframes style5-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}
@keyframes style5-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/*********************************************************************
            ELASTISLIDE STYLE
*********************************************************************/
.carousel_bar_area {
	position: absolute;
	bottom: 0px;
	/*min-width: 70%;*/
	/*width: 316px;*/
	left: 0px;
	right: 0px;
	margin: 0 auto;
	text-align: center;
	min-height: 35px;
	display: block;
	height: 100px;
	overflow: hidden;
	/*z-index: 5;*/
	/*background: url(../images/dots.png) no-repeat center;*/
}
.carousel_bar_dots{
  width: 41px;
  height: 75px;
  z-index: 2;
  position: absolute;
  display: block;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: url(../img/dots.png) no-repeat center;
}
.carousel_bar_wrap {
	position: absolute;
	bottom: -300px;
	max-width: 100%;
	margin: 0 auto;
	right: 0px;
	left: 0px;
	/*margin-bottom: 20px;*/
}
.carousel_bar {
	position: relative;
}
.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
	position: relative;
	margin: 0 auto;
	min-height: 36px;
}

.elastislide-wrapper.elastislide-loading {
	background-image: url(../img/dots.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding: 0px;
}

.elastislide-vertical {
	padding: 40px 10px;
}

.elastislide-carousel {
	overflow: hidden;
	position: relative;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
	height: 100%;
	display: inline-block;
	margin: 0px 2px;
    width: auto !important;
}

.elastislide-vertical ul li {
	display: block;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}
.elastislide-carousel ul li a img {
	display: block;
	max-width: 100%;
    width: auto;
}
.elastislide-wrapper nav span {
	position: absolute;
	width: 23px;
	height: 23px;
	cursor: pointer;
	opacity: 0.8;
	background: #000;
}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}

.elastislide-horizontal nav span {
	background-position: 7px 10px;
	top: 50%;
	left: 0px;
	margin-top: -10px!important;
	overflow: hidden;
}

.elastislide-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right: 0px;
	left: auto;
	background-position: 4px 2px;
	top: 50%;
	margin-top: -10px;
	overflow: hidden;
}

.elastislide-vertical nav span.elastislide-next {
	bottom: 10px;
	top: auto;
	background-position: -17px -18px;
}
.elastislide-horizontal nav span {
	width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    margin: 0;
    background: #000;
    color: #fff;
}

/**************************************GRID*********************************************/

.grid-wrap {
    border-color: #272727;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}
.grid-wrap .grid-row {
    border-color: inherit;
    width: 90%;
    margin: auto;
    display: table;
}
.grid-wrap .grid-col .font-icon {
    display: inline-block;
    margin-bottom: 10px;
}
.grid-wrap .grid-col.size-large .font-icon {
    font-size: 100px;
}
.grid-wrap .grid-col {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 10px 3% 50px;
    margin: 0px !important;
    /*float: left;*/
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/******************************************
        Animated Icon Box Modules
******************************************/
.animate-icon-module-style1-wrap-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.animate-icon-module-style1-wrap {
    display: block;
    width: 100%;
    height: 300px;
}
.animate-icon-module {
    color: inherit;
    display: block;
    text-align: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    overflow: hidden;
    display: block;
    opacity: 0;
    height: 100%;
    float: left;
}
.animate-icon-module-normal-content,
.animate-icon-module-hover-content {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /*-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);*/
    -webkit-transition: all 600ms ease;
    -webkit-transition: all 600ms ease; 
    -moz-transition: all 600ms ease; 
    -o-transition: all 600ms ease; 
    transition: all 600ms ease;
}
.animate-icon-module-style1-wrap .animate-icon-module-normal-content,
.animate-icon-module-style1-wrap .animate-icon-module-hover-content {
    z-index: 3;
}
.animate-icon-module-hover-content {
/*  -webkit-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); *//* easeOutExpo */
    -webkit-transition: all 600ms ease; 
    -moz-transition: all 600ms ease; 
    -o-transition: all 600ms ease; 
    transition: all 600ms ease;

}
.animate-icon-module-style1.be-bg-overlay .section-overlay{
    opacity: 1;
}
.animate-icon-module-style1 .section-overlay{
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease; 
    -moz-transition: all 600ms ease; 
    -o-transition: all 600ms ease; 
    transition: all 600ms ease;
}
/*.animate-icon-module-style1.be-bg-overlay .section-overlay {
    -webkit-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -o-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}*/
.animate-icon-module-style1 .animate-icon-module-normal-content .title_content{
  margin-top: 18px;
}
html body .be-section .be-row .animate-icon-module .animate-icon-module-hover-content *:last-child {
    margin-bottom: 0px !important;
}
.top-animate.animate-icon-module .animate-icon-module-normal-content,
.top-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    top: 0%;
}
.top-animate.animate-icon-module .animate-icon-module-hover-content {
    top: 100%;
}
.top-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    top: -100%;
}
.left-animate.animate-icon-module .animate-icon-module-normal-content,
.left-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    left: 0%;
}
.left-animate.animate-icon-module .animate-icon-module-hover-content {
    left: 100%;
}
.left-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    left: -100%;
}
.right-animate.animate-icon-module .animate-icon-module-normal-content,
.right-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    right: 0%;
}
.right-animate.animate-icon-module .animate-icon-module-hover-content {
    right: 100%;
}
.right-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    right: -100%;
}
.bottom-animate.animate-icon-module .animate-icon-module-normal-content,
.bottom-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    bottom: 0%;
}
.bottom-animate.animate-icon-module .animate-icon-module-hover-content {
    bottom: 100%;
}
.bottom-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    bottom: -100%;
}
.fade-animate.animate-icon-module .animate-icon-module-normal-content,
.fade-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    opacity: 1;
}
.fade-animate.animate-icon-module .animate-icon-module-hover-content {
    opacity: 0
}
.fade-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    opacity: 0;
}
.display-table {
    display: table;
    width: 100%;
    height: 100%;
}
.display-table-cell {
    display: table-cell;
}
.animate-icon-module-style1 .animate-icon-module-hover-content .display-table-cell{
    padding:10px;
}
.vertical-align-middle {
    vertical-align: middle;
}
.margin-bottom-0 {
    margin-bottom: 0px !important;
}
/******************************************
        Animated Icon Box Modules Style2
******************************************/
.display-block {
    display: block;
    position: relative;
}
.animate-icon-module-style2-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: auto;
}
.animate-icon-module-style2 {
    display: block;
    -webkit-transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
    -moz-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
    -o-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
    transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
    overflow: hidden;
    display: table-cell;
    /*height: auto;*/
    opacity: 0;
    width: 100%;
    vertical-align: middle;
}
.animate-icon-module-style2-inner-wrap{
    text-align: center;
    position: relative;
}
.animate-icon-icon {
    display: block;
    margin-bottom: 10px;
}
.animate-icon-module-style2 .animate-icon-icon,
.animate-icon-module-style2 .animate-icon-title {
    -webkit-transition: color 150ms linear;
    -moz-transition: color 150ms linear;
    -o-transition: color 150ms linear;
    transition: color 150ms linear;
}
.animate-icon-module-style2-hover-content {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: auto;
    transform: translateY(100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.animate-icon-module-style2-normal-content {
    position: relative;
    /*display: block;*/
    display: inline-block;
    top: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px;    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.animate-icon-module-style2-normal-content br {
    display: none;
}
.animate-icon-module-style2:hover .animate-icon-module-style2-normal-content{
    transform: translateY(-50%);
    margin-bottom: 12px;
}
.animate-icon-module-style2:hover .animate-icon-module-style2-hover-content{
    opacity: 1;
    transform: translateY(12px);
}
.be-section .be-row:not(:last-child) .column-block .animate-icon-module-style2-normal-content h6:last-child {
    margin-bottom: 0 !important;
} 
/******************************************
        Tweet
******************************************/
.tweet-slides{
    display: none;
}
.tweet_list {
    position: relative;
    text-align: left;
}
.center-content .tweet_list {
    text-align: center;
}
.tweet_list .meta {
    display: block;
    position: relative;
    z-index: 2;
    color: inherit;
}
.tweet-slides .testimonial_slide_inner{
    padding-left: 0px;
}
/*.tweet-slides .flex-control-nav {
    display: none;
}*/
.tweet_list .icon-twitter {
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    font-size: 80px;
    z-index: 1;
    color: #dfdfdf;
    line-height: 80px;
}
.tweet_list .status {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
}
.tweet_list .tweet-content{
    line-height: 2.0;
}
.tweet_list h6 {
    /*font-size: inherit;*/
    text-transform: uppercase;
}
/*********************************************************************
            ACCORDIAN
*********************************************************************/

.accordion {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    min-height: 0;
    margin: 0px;
    margin-top: 25px;
    outline: 0;
    line-height: normal;
    font-size: inherit;
}
.ui-accordion .ui-accordion-header:first-child {
    margin-top: 0;
}
.ui-accordion .ui-accordion-content p:last-child {
    margin-bottom: 0px;
}

.ui-accordion .ui-accordion-header.top-space {
    margin-top: 20px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 20px 20px 20px 0;
    border-top: 0;
    overflow: auto;
    background: none;
    margin-top: -1px;
} 

.ui-accordion-header:before {
    content: '\e806';
    font-family: "icomoon";
    margin-right: 15px;
    font-size: 16px;
    position: relative;
    top: 1px;
}

.ui-accordion-header-active:before {
    content: '\e7ec';
    font-family: "icomoon";
    margin-right: 15px;
    font-size: 16px;
    position: relative;
    top: 1px;
}
.accordion .accordion-head.with-bg.ui-accordion-header{
    transition: background-color 0.5s linear;    
    -webkit-transition: background-color 0.5s linear;    
    -moz-transition: background-color 0.5s linear;    
    -ms-transition: background-color 0.5s linear;    
    -o-transition: background-color 0.5s linear;    
}

/*********************************************************************
            BUTTONS
*********************************************************************/
.be-button-wrap {
    display: inline-block;
    margin:0 20px 10px 0;
}
.be-button-wrap.align-block {
    display: block;
    margin:0 0 40px 0;
}
.be-button {
    display: inline-block;
    text-decoration: none;
    border-color: transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.be-button {
    transition: 0.3s linear all !important;
    -webkit-transition: 0.3s linear all !important;
    -moz-transition: 0.3s linear all !important;
    -ms-transition: 0.3s linear all !important;
    -o-transition: 0.3s linear all !important;

}
.be-buttton-wrap.block-center .be-button {
    margin:0px 0px 10px 0;
}
.be-buttton-wrap.block-center .font-icon {
    margin-right: 0px;
}
p .be-button {
    margin-bottom: 0; 
}
.be-button.rounded {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.be-button.circular {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.smallbtn {
    font-size: 11px;
    line-height: 12px;
    padding: 12px 15px;
}
.circular.smallbtn{
    padding: 12px 25px;
}
.mediumbtn {
    font-size: 13px;
    line-height: 14px;
    padding: 15px 20px;
}
.circular.mediumbtn{
    padding: 15px 30px;
}
.largebtn {
    font-size: 15px;
    line-height: 16px;
    padding: 18px 25px;
}
.circular.largebtn{
    padding: 18px 35px;
}
.blockbtn{
    font-size: 17px;
    display: block;
    padding: 22px 0;
}
.be-button i {
    margin-right: 1em;
}
.be-button.link {
    padding-left:0px;
}
.icon-shortcode {
    margin-bottom: 15px;
}
.icon-shortcode .font-icon.tiny.diamond{
    margin: 9px !important;
}
.icon-shortcode .font-icon.small.diamond{
    margin: 11px !important;
}
.icon-shortcode .font-icon.medium.diamond{
    margin: 17px !important;
}
.icon-shortcode .font-icon.large.diamond{
    margin: 22px !important;
}
.icon-shortcode .font-icon.xlarge.diamond{
    margin: 27px !important;
}
a.icon-shortcode.icon-plain{
    display: inline-block;
}
.be-button-wrap.block-left {
    text-align: left;
}
.be-button-wrap.block-center {
    text-align: center;
}
.be-button-wrap.block-right{
    text-align: right;
}
.be-button-wrap.block-right a.be-button {
    margin-right: 0px;
}
.icon-shortcode.block-center .font-icon { 
    margin-right: 0; 
}
.be-button.right-icon i.font-icon {
    margin: 0px 0px 0px 1em;
}
.be-button.bg-animation-slide-bottom,
.be-button.bg-animation-slide-top {
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    -o-background-size: 100% 200%;
    background-size: 100% 200%;
}
.be-button.bg-animation-slide-bottom:hover {
    background-position: 0 100%;
}
.be-button.bg-animation-slide-top:hover {
    background-position: 0 -100%;
}
.be-button.bg-animation-slide-left,
.be-button.bg-animation-slide-right {
    -webkit-background-size: 200% 100%;
    -moz-background-size: 200% 100%;
    -o-background-size: 200% 100%;
    background-size: 200% 100%;
}
.be-button.bg-animation-slide-right:hover {
    background-position: 100% 0;
}
.be-button.bg-animation-slide-left:hover {
    background-position: -100% 0;
}
.be-button-wrap.popup-gallery {
    display: block !important;
}
/*********************************************************************
    BUTTON GROUP
*********************************************************************/
#content .be_button_group{
  margin-bottom:20px;
}
.be_button_group .be-button-wrap{
  margin-right: 20px;
}
.be_button_group .be-button-wrap.align-right{
  margin-right: 0px;
  margin-left: 20px;
}
.be_button_group .be-button-wrap.align-block{
  display: inline;
}
/*********************************************************************
            CALL TO ACTION
*********************************************************************/

.call-to-action {
    padding: 30px 0px;
    display: table;
    width: 100%;
    text-align: center;
}
.action-content {
    display: inline;
    margin-bottom: 0;
    line-height: 47px;
    margin-right: 40px;
}
.action-button {
    position: relative;
    top: -4px;
}

/*********************************************************************
            DROP CAPS
*********************************************************************/

.dropcap .font-icon:before{
    width: auto;
    margin: 0;
}   

.dropcap-circle, .dropcap-letter, .dropcap-icon,.dropcap-rounded{
    float: left;
    text-transform: uppercase;
}

.dropcap-circle.small, .dropcap-square.small, .dropcap-rounded.small {
    margin-top: 3px;
    font-size: 19px;
    line-height: 36px;
    margin-right: 10px;
    width: 36px;
    height: 35px;
    text-align: center;
}
.dropcap-circle {
    border-radius: 50%;
}

.dropcap-rounded {
    border-radius: 3px;
}

.dropcap-letter {
    font-size: 35px;
    margin: 5px 10px 0 0;
} 
.dropcap-letter.small{
    font-size: 24px;
    margin: 5px 15px 0 0;
}
.dropcap-circle.big, .dropcap-square.big, .dropcap-rounded.big {
    margin-top: 5px;
    font-size: 26px;
    line-height: 47px;
    width: 47px;
    height: 47px;
    margin-right: 10px;
    text-align: center;
}
.dropcap-circle , .dropcap-rounded {
    color:#fff;
}
.dropcap i:before {
    line-height: inherit !important;
}
.be-dropcap-wrap.style2{
    position: relative;
}
.be-dropcap-wrap.style2 .dropcap{
    opacity: 0.3;
    font-weight: bold;
    line-height: 1em;
    display: inline-block;
}
.be-dropcap-wrap.style2 .be-dropcap-title{
    position: absolute;
    left: 1%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    line-height: 1em;
} 
/*********************************************************************
            ICONS
*********************************************************************/

.icon-shortcode .font-icon {
    display: inline-block !important;
    border: 1px solid #323232;
    text-align: center;
    /*margin-right: 10px;*/
    font-family: "icomoon";
    /*margin-bottom: 10px;*/
    transition: 0.3s linear all !important;
    -webkit-transition: 0.3s linear all !important;
    -moz-transition: 0.3s linear all !important;
    -ms-transition: 0.3s linear all !important;
    -o-transition: 0.3s linear all !important;
}
.icon-shortcode.align-right .font-icon,
.icon-shortcode.align-left .font-icon,
.icon-shortcode.align-center .font-icon{
    margin-bottom: 10px;
}
.icon-shortcode.align-none{
    display: inline-block;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}
.font-icon.tiny {
    font-size: 12px;
}
.font-icon.small {
    font-size: 16px;
}
.font-icon.medium {
    font-size: 25px;
}
.font-icon.large {
    font-size: 40px;
}
.font-icon.xlarge {
    font-size: 55px;
}
.font-icon.tiny.plain {
    font-size: 18px;
}
.font-icon.small.plain {
    font-size: 24px;
}
.font-icon.medium.plain {
    font-size: 35px;
}
.font-icon.large.plain {
    font-size: 50px;  
}
.font-icon.xlarge.plain {
    font-size: 80px;
}
.font-icon.tiny {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.font-icon.small {
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.font-icon.medium {
    height: 75px;
    line-height: 75px;
    width: 75px;
}
.font-icon.large {
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.font-icon.xlarge {
    width: 125px;
    height: 125px;
    line-height: 125px;
}
.font-icon.plain{
    border: none !important;
    width: auto ;
    margin-bottom: 15px;
    height: auto;
    line-height: normal;
}
.font-icon.plain:before {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}
.font-icon.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.font-icon.diamond {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -transform: rotate(45deg);
}
.font-icon.diamond:before{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -transform: rotate(-45deg);
    position: relative;
    display: inline-block; 
}

.icon-shortcode.block-center, .icon-shortcode.block-center, .icon-shortcode.block-right {
    display: block;
    margin-bottom: 30px;
}
.icon-shortcode.block-left {
    text-align: left;
}
.icon-shortcode.block-center {
    text-align: center;
}
.icon-shortcode.block-right {
    text-align: right;
}

/*********************************************************************
    ICON GROUP
*********************************************************************/

#content .be_icon_group{
  margin-bottom:20px;
}
.be_icon_group div.icon-shortcode {
    display: inline;
    margin-right: 20px;
}
.be_icon_group.align-right div.icon-shortcode{
  margin-right: 0px;
  margin-left: 20px;
}
/*********************************************************************
            LISTS
*********************************************************************/

.custom-list {
    list-style: none;
    padding: 0;
}
.custom-list .font-icon {
    font-size: 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}
.custom-list .font-icon.circled {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.custom-list-content {
    width: auto;
    line-height: 25px;
    margin-bottom: 12px;
    position: relative;
}
.custom-list-content-inner {
    padding-left: 45px;
    display: inline-block;
}

/*********************************************************************
            NOTIFICATION
*********************************************************************/

.be-notification {
    margin-bottom: 20px;
}
#be-pb-main .be-shortcode, #be-pb-main .be-notification{
    margin-bottom: 0;
}

.success, .wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #26cda4;
    color: #000;   
}
.error, .wpcf7-response-output.wpcf7-validation-errors{
    background: #dd6868;
    color:#fff;
}
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
    cursor: default;
    line-height:20px;
    margin-bottom:20px;
    padding: 15px;
    border:none;
    text-align: center;
    position: relative;
    border-radius: 2px;
}  
.be-notification span.close {
    cursor: pointer;
    margin-top: -7px;
    position: absolute;
    right: 20px;
    top: 50%;
    line-height: 14px;
    width: 15px;
    height: 15px;
    font-size: 14px;
    color: #fff;
}


/*********************************************************************
            PRICING TABLE
*********************************************************************/ 

.pricing-table {
    list-style: none;
    padding: 0;
    /*border-bottom: none !important;*/
    background: #fff;
    padding-bottom: 25px;
}   
.pricing-table.sec-border{
    border-width:1px !important;
}
.pricing-table li {
    margin: 0;
    padding: 20px;
    text-align: center;
}
.pricing-table li.pricing-price .price{
    margin-bottom: 5px;
}
.pricing-table li.pricing-button {
    padding: 20px 15px 0px 15px;
}
.pricing-table li.pricing-button .be-button{
    border-radius: 0px;
    border-width: 2px !important;
}
.pricing-button .button{
    margin: 0;
}
.pricing-price{
    padding: 30px 15px;
}
li.pricing-feature{
    padding: 10px 0;
}
.pricing-table .price {
    font-size: 40px;
    line-height: 50px;
    display: inline-block;
}
.pricing-table .currency{
    font-size: 20px;
}
.pricing-table .pricing-duration {
    display: block;
}
.pricing-table.highlight-no {
    /*top: 10px;*/
    /*position: relative;*/
}
.pricing-duration.special-subtitle{
    max-width: 100%;
}
.pricing-table.highlight-yes .pricing-title, 
.pricing-table.highlight-yes .pricing-button {
    padding: 28px 15px;
    /*padding: 10px;*/
}


/*********************************************************************
            SERVICES
*********************************************************************/

.be-services {
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    list-style: none;
    padding: 0;
    position: relative;
    list-style-type: none;
    opacity: 0;
    position: relative;
}
.be-service.even  {
    float: left;
    padding: 0px 58% 0 0;
}
.be-service {
    float: right;
    margin: 0 0 10px;
    padding: 0 0 0 58%;
    position: relative;
}
.be-service .font-icon {
    position: absolute;
    top: 0px;
    display: block;
    right: 50%;
    margin-right: -22px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    z-index: 1;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    -webkit-transition: background 500ms ease, color 500ms ease;
    -moz-transition: background 500ms ease, color 500ms ease;
    -ms-transition: background 500ms ease, color 500ms ease;
    -o-transition: background 500ms ease, color 500ms ease;
    transition: background 500ms ease, color 500ms ease;
}
.be-service .service-wrap div.service-content{
    padding: 6% 9%;
}
.be-service .font-icon.icon-size-large {
    line-height: 84px;
    margin-right: -42px;
    font-size: 30px;
    width: 84px;
    height: 84px;
    text-align: center;
}
.be-service .font-icon.icon-size-medium {
    line-height: 64px;
    margin-right: -32px;
    font-size: 22px;
    width: 64px;
    height: 64px;
    text-align: center;
}
.services-outer-wrap span.timeline {
    position: absolute;
    top: 0px;
    right: 50%;
    display: block;
    background: #000;
    height: 100%;
    width: 1px;
    margin-right: -0.5px;
}
.services-outer-wrap {
    position: relative;
}
.be-service.odd,
.be-service.even {
    margin-bottom:30px;
}

/*********************************************************************
            SKILLS
*********************************************************************/

.skill-wrap .skill-bar { 
    height: 15px;
    position: relative;
}
.expand { 
    height: 15px;
    line-height: 15px;
    position:absolute;
    top: 0;
    left: 0;
    width: 0px;        
    transition: all 0.7s linear !important;
}
.skill-wrap .skill-bar {
    font-size: inherit;
    display: block;
}
.skill-wrap .skill_name{
    display: block;
}
.skill-vertical .skill-wrap .skill-bar{
    margin-bottom: 8px !important;
}
.skill-vertical .skill-wrap .skill_name{
    margin-bottom: 25px !important;
}
.skill-horizontal .skill-wrap .skill-bar{
    margin-bottom: 25px !important;
}
.skill-horizontal .skill-wrap .skill_name{
    margin-bottom: 8px !important;
}
.skill-vertical .skill {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px 10px;
}
.skill-vertical .skill-wrap {
    text-align: center;
    padding: 0px 10px;
    float: left;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    display: none;
}
.skill-vertical .skill-wrap .skill-bar .be-skill {
    width: 100% !important;
    bottom: 0px;
    position: absolute;
    top: auto;
}

/*********************************************************************
            SPECIAL HEADING
*********************************************************************/

.special-heading {
    position: relative; 
}
.special-h-tag {
    margin: 0;
}
.special-heading:first-child{
    margin-top: 0;
}
.align-center {
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.special-heading-wrap.style1 .special-h-tag{
    margin-bottom: 30px;
}
.special-heading-wrap.style2 .special-heading{
    border: 3px solid #e8e8e8;
    display: inline-block;
    padding: 1% 5%;
}
.special-heading-wrap.style2 {
    margin-bottom: 20px;
}
.style2 .special-heading .special-h-tag{
    display: inline;
}
.special-heading-wrap.style1 .margin-bottom{
    margin-bottom: 30px !important;
}
.special-heading.align-left .separator {
    margin: 0;
}
.special-heading-wrap.style1 br,
.special-heading-wrap.style2 br {
    display: none;
}
.special-heading-wrap.style1 .sub-title {
    display: block;
    font-size: 16px;
    max-width: 80%;
    /* margin: 0 auto; */
    line-height: 35px;
}
.special-heading-wrap.style1 .align-center .sub-title{
    margin: 0 auto;
}
.special-heading-wrap.style1 .align-right .sub-title{
    margin: 0 0 0 auto;
}
.special-heading-wrap.style3 {
    text-align: center;
    overflow: hidden;
}
.special-heading-wrap.style3 .special-h-tag {
    text-align: center;
    padding-bottom: 0px;
    margin: 20px 0px !important;
}
html body .be-section .be-row .special-heading-wrap.style3 .special-h-tag {
    margin-bottom: 20px !important;
}
.special-heading-wrap.style3 .special-heading {
    margin-bottom: 0px;
}
.special-heading-wrap.style3 .caption-wrap {
    text-align: center;
    position: relative;
}
.special-heading-wrap.style3 .caption {
    padding: 0 15px;
    display: inline-block;
    position: relative;
}
.special-heading-wrap.style3 .caption .caption-inner {
    background: #ddd;
}
.special-heading-wrap.style3 .caption .caption-inner:before, .special-heading-wrap.style3 .caption .caption-inner:after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 100px;
    left: -100px;
    top: 50%;
    background: inherit;
    margin-top: -1px;
}
.special-heading-wrap.style3 .caption .caption-inner:after {
    right: -100px;
    left: auto;
}
.special-heading-wrap.style4 {
  text-align: center;
  margin-bottom: 30px;
}
.special-heading-wrap.style4 .vertical-divider{
    width: 1px;
    height: 45px;
    display: inline-block;
}
.special-heading-wrap.style4 .special-h-tag{
  margin-bottom: 0px !important;
}
.special-heading-wrap.style4 .vertical-divider.top{
  margin-bottom: 20px;  
}
.special-heading-wrap.style4 .special-heading{
  margin-bottom: 30px
}
/*.special-heading-wrap.style4 .vertical-divider.bottom{
  margin-top: 20px;  
}*/
.special-heading-wrap.style4 .caption-wrap{
  margin-bottom: 6px;
}
.special-heading-wrap.style5{
  position: relative;
}
.special-heading-wrap.style5  .caption-wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  line-height: 1em !important; 
  width: 100%;
}    
.special-heading-wrap.style5.align-left .caption-wrap{
  left:0%;
  right: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.special-heading-wrap.style5.align-right .caption-wrap{
  right:0%;
  left: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.special-heading-wrap.style5 .caption{
  line-height: 1em !important; 
  max-width: 100% !important; 
}    
.be-section .be-row:not(:last-child) .column-block .special-heading-wrap.style3 h6.caption:last-child  {
    margin-bottom: 0 !important;
}
.sep-with-icon-wrap{
    margin-bottom: 20px;
}
.sep-with-icon {
    display: inline-block;
    vertical-align: middle;
}
.sep-icon {
    line-height: 16px;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 20px;
}
.icon-dimond {
    width: 10px;
    height: 10px;
    background: #000;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
/*SPECIAL SUB TITLE*/

.special-subtitle {
    line-height: 1.8em;
    display: inline-block;
    max-width: 60%;
}
.special-subtitle-wrap{
    margin-bottom: 30px;
}

/*********************************************************************
            TABS
*********************************************************************/

.tabs {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

.ui-tabs {
    position: relative;
    margin-bottom: 50px;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    margin-right: 30px;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0 0 10px;
    text-decoration: none;
    outline: 0;   
    border-left: none;
    color: inherit;
}
.ui-tabs .ui-tabs-panel p:last-child {
    margin-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
    cursor: text; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-bottom: 2px solid;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {   
    cursor: pointer; 
}
.tabs li a.tab-icon:before {
    font-size: 15px;
    width: 25px;
    text-align: left;
    vertical-align: middle;
    margin-right: 12px;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    margin-top: -1px;
    padding: 25px 0;
}
.ui-tabs .ui-tabs-panel p {
    width: 100%;
}

/*********************************************************************
            TITLE WITH ICON 
*********************************************************************/

.title-icon {
    display: inline-block;
    text-align: center;
    float: left;
    margin-right: 30px;
    position: relative;
}
.title-icon.align-right {
    float: right;
    margin-left: 30px;
    margin-right: 0px;
}
.title-icon.circled {
    border: 1px solid transparent;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.title-icon.small {
    font-size: 21px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
}
.title-icon.medium {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 28px;
}
.title-icon.medium.plain {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
}

.title-with-icon {
    padding-left: 80px;
    margin-bottom: 50px;
}
.title-with-icon.small.plain {
    padding-left: 50px;
}
.title-icon.small.circled {
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.title-with-icon.small {
    padding-left: 70px;
}
.title-with-icon.small.align-right {
    padding-right: 70px;
}
.title-icon.small.align-right {
    margin-left: 20px;
    margin-right: 0;
}
.title-with-icon.medium {
    padding-left: 100px;
}
.title-with-icon.medium.plain {
    padding-left: 60px;
}

.title-with-icon.align-right {
    padding-right: 80px;
}
.title-with-icon.small.plain.align-right {
    padding-right: 50px;
}
.title-with-icon.medium.align-right {
    padding-right: 100px;
}
.title-with-icon.medium.plain.align-right {
    padding-right: 60px;
}
.title-with-icon.align-right,
.title-with-icon.small.plain.align-right,
.title-with-icon.medium.align-right,
.title-with-icon.medium.plain.align-right {
    padding-left: 0px;
    text-align: right;
}

/*********************************************************************
            ICON CARD
*********************************************************************/
.be_icon_card_wrap {
  position: relative;
}
.be_icon_card_wrap .font-icon{
  position: absolute;
  top: 50%;
  transform: translateY(-51%);
  text-align: center;
}
.be_icon_card_wrap.small .font-icon{
  font-size: 17px;      
}
.be_icon_card_wrap.large .font-icon{
  font-size: 25px;
}
.be_icon_card_wrap.small.circled .font-icon{
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
}
.be_icon_card_wrap.large.circled .font-icon{
  font-size: 25px;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50px;
}
.be_icon_card_wrap.small .title-with-icon-card{
  min-height: 48px;
}
.be_icon_card_wrap.large .title-with-icon-card{
  min-height: 68px;
}
.be_icon_card_wrap.small.circled .title-with-icon-card{
  padding-left: 65px;
}
.be_icon_card_wrap.large.circled .title-with-icon-card{
  padding-left: 85px;
}
.be_icon_card_wrap.small.plain .title-with-icon-card{
  padding-left: 37px;
}
.be_icon_card_wrap.large.plain .title-with-icon-card{
  padding-left: 55px;
}
.be_icon_card_wrap h1,
.be_icon_card_wrap h2,
.be_icon_card_wrap h3,
.be_icon_card_wrap h4,
.be_icon_card_wrap h5,
.be_icon_card_wrap h6{
  margin-bottom: 0px;
}
/*********************************************************************
            Menu Card
*********************************************************************/
.menu-card-item-info {
    padding-right: 40px;
}
.menu-card-item {
    position: relative;
    display: block;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 15px 10px;
    margin-bottom: 0px;
}
.menu-card-title {
    font-size: 13px !important;
    line-height: 24px !important;
    padding-right: 10px;
}
.menu-card-ingredients {
    font-size: 16px !important;
    line-height: 24px !important;
    max-width: none;
    display: initial;
}
.menu-card-item-price {
    font-size: 13px !important;
    line-height: 24px !important;
    position: absolute;
    top: 15px;
    right: 10px;
}
.menu-card-item.highlight-menu-item {
    background: #f1edde;
    border-bottom: none;
}
.menu-card-item-stared {
    padding-left: 10px;
}
/*Seperator*/

.separator{
    display: inline-block;
}
hr.separator{
    margin-bottom: 20px !important;
}
.mail-chimp-form input[type="text"] {
    width: 100%;
}
.mail-chimp-submit-wrap input[type="submit"]{
    margin: 0px;    
}
.mail-chimp-email-wrap {
    width: 50%;
    margin-right: 20px;
    display: inline-block;
}
.mail-chimp-submit-wrap{
    display: inline-block;
}
.mail-chimp-submit {
    line-height: 7px !important;
}

/********************************************************************* 
PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license 
*********************************************************************/
/*
  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__container, .pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container, .pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.15s;
          transition: opacity 0.15s; }

/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
  div element that matches size of large image
  large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

  Contents:

  1. Buttons
  2. Share modal and links
  3. Index indicator ("1 of X" counter)
  4. Caption
  5. Loading indicator
  6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
  
  1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }

  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
    background: none; }
 }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left, .pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

  2. Share modal/popup and links

 */
.pswp__counter, .pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

  3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
  
  4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
  /* 
      The idea of animating inner circle is based on Polymer ("material") loading indicator 
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; }
 }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }

  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
  
  6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }
body.admin-bar .pswp__top-bar{
    top:32px;
}
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar, .pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/******************************BE Custom Styling on Photoswipe*************************/

.pswp__caption__center{
  max-width: 80%;
}

/**************************************MEDIA QUERY**************************************/

@media only screen and (min-width: 1280px) and (max-width: 1440px) {
    .left-header .two-col .element {
        width:  470px;
    }
    .left-header .three-col .element {
        width:  300px;
    }
    .left-header .three-col .element.wide {
        width:  640px;
    }
    .left-header .four-col .element {
        width:  215px;
    }
    .left-header .four-col .element.wide {
        width:  470px;
    }

    .left-header .full-screen .element {
        width: 19.97%;
        margin: 0px;
    }
    
    .left-header .full-screen.two-col .element {
        width: 50%;
    }
    .left-header .full-screen.three-col .element {
        width: 33.34%;
    }
    .left-header .full-screen.three-col .element.wide {
        width: 66.7%;
    }
    .left-header .full-screen.four-col .element {
        width: 25%;
    }
    .left-header .full-screen.four-col .element.wide {
        width: 50%;
    }
    .left-header .full-screen.five-col .element {
        width: 20%;
    }
    .left-header .full-screen.five-col .element.wide {
        width: 40%;
    }    
}

@media only screen and (max-width: 1280px) {
    .process-style1 .process-divider {
      width: 120px;
    }
}

/*********************************************************************
            SMALL DESKTOP
*********************************************************************/


@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.two-col .element {
        width:  470px;
    }
    .three-col .element {
        width:  300px;
    }
	.three-col .element.wide {
        width:  640px;
    }
	.four-col .element {
        width:  215px;
    }
	.four-col .element.wide {
        width:  470px;
    }
    .grid-wrap .grid-col.size-large .font-icon, .process-style1 .process-col .font-icon {
        font-size: 75px;
    }
    .full-screen .element,
    .full-screen.three-col .element,
    .full-screen.four-col .element,
    .full-screen.five-col .element {
        width: 33.4%;
    }
    .full-screen.three-col .element.wide,
    .full-screen.four-col .element.wide,
    .full-screen.five-col .element.wide {
        width: 66.7%;
    }
}

/*********************************************************************
            TABLET
*********************************************************************/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .call-to-action{
        padding: 30px 30px;
    }
    .action-content , .action-button { float: none; }
	.fullscreen-col .element { width: 33.4%; }	
	.two-col .element,
	.three-col .element,
	.four-col .element { 
		width: 350px; 
	}
	.three-col .element.wide,
	.four-col .element.wide { 
		width: 740px; 
	}
	/*****************************************/
	.full-screen .element,
	.full-screen.three-col .element,
	.full-screen.four-col .element,
	.full-screen.five-col .element {
		width: 33.4%;
	}
	.full-screen.three-col .element.wide,
	.full-screen.four-col .element.wide,
	.full-screen.five-col .element.wide {
		width: 66.7%;
	}
    .process-style1 .process-divider {
        width: 50px;
    }
    .animate-icon-module-style2-wrap,
    .animate-icon-module-style2 {
        display: block;
        width: 100% !important;
    }
    .animate-icon-module {
        width: 100% !important;
        margin-right: 0px !important;
    }
}

/*********************************************************************
            MOBILE 320
*********************************************************************/

@media only screen and (max-width: 959px) {
    .be-section-pad.be-edge-padding{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .animate-icon-module-style2-normal-content {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -o-transform:translateY(-50%);
    }
    .animate-icon-module-style2:hover .animate-icon-module-style2-normal-content{
        top: 0;
        transform: translateY(50px);
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -o-transform:translateY(50px);
    }
    .animate-icon-module-style2 .animate-icon-module-style2-hover-content{
        bottom:0;
        top:auto;
    }
    .animate-icon-module-style2:hover .animate-icon-module-style2-hover-content{
        
        transform: translateY(-50px);
        -webkit-transform:translateY(-50px);
        -moz-transform:translateY(-50px);
        -o-transform:translateY(-50px);
    }
}

@media only screen and (max-width: 767px) {
    .be-text-inner{
      width: 100% !important;
    }
    ul.tabs li {
        width: 298px;
    }
    .action-content, 
    .action-button { 
        float: none; 
    }
    .action-content {
        display: block;
        margin: 0 0 25px;
    }   
    .portfolio-content-wrap{
        padding-left: 0px;
    }
    .related-items .column-block {
        margin-bottom: 40px;
    }
	.be-service {
		padding: 0px !important;
		margin-bottom: 30px;
		text-align: center !important;
	}
	.be-service .font-icon {
		position: relative;
		display: block;
		left: auto !important;
		right: auto !important;
		width: 42px;
		height: 42px;
		margin: 0 auto 10px;
	}
	.be-service .font-icon.icon-size-medium,
	.be-service .font-icon.icon-size-large	{
		margin: 0 auto 10px;
		height: 60px;
		line-height: 60px;
		padding: 0px;
		width: 60px;
	}
	.services-outer-wrap span.timeline {
		display: none;
	}
	
	.three-col .element, 
	.four-col .element , 
	.two-col .element {
        width: 300px;
    }
	.full-screen .element, 
	.full-screen.three-col .element, 
	.full-screen.four-col .element, 
	.full-screen.five-col .element {
		width: 100%!important;
	}
    .be-services .be-service * {
        text-align: center !important;
    }
    .be-services .be-service .font-icon {
        margin-bottom: 20px;
    }
    .single_portfolio_close .font-icon {
        border-color: #000;
        background: #000;
    }
    .single_portfolio_close {
        right: 10px;
        top: 35px;
    }
    /*.grid-wrap .grid-col .font-icon, */
    .process-style1 .process-col .font-icon {
        font-size: 40px;
    }
    .hide-mobile {
        display: none !important;
    }
    body.disable-animation-on-mobile .animated {
        -webkit-animation-duration: 0s !important;
        -moz-animation-duration: 0s !important;
        -ms-animation-duration: 0s !important;
        -o-animation-duration: 0s !important;
        animation-duration: 0s !important;
        visibility: visible !important;
    }
    .process-style1 .process-divider {
        display: none;
    }
    .process-style1 .process-col {
        display: block;
        margin-bottom: 30px;
    }

    .grid-wrap .grid-col {
        width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        margin-bottom: 40px !important;
        display: block;
    }
    .skill-vertical .skill-wrap,
    .skill-vertical .skill {
        width: 100% !important;
        padding: 0px !important;
    }
    .pricing-table.highlight-no{
        position: static;
        top: 0px;
    }
    .animate-icon-module-style2-wrap,
    .animate-icon-module-style2 {
        display: block;
        width: 100% !important;
    }
    .animate-icon-module {
        width: 100% !important;
        margin-right: 0px !important;
    }
    .portfolio-container.portfolio-item-parallax .element .element-inner {
        -webkit-transform : translatey(0px) scale(1) translatez(0px) !important;
        -moz-transform : translatey(0px) scale(1) translatez(0px) !important;
        -o-transform : translatey(0px) scale(1) translatez(0px) !important;
        -ms-transform : translatey(0px) scale(1) translatez(0px) !important;
        transform : translatey(0px) scale(1) translatez(0px) !important;
    }
    .title-with-icon.align-right, .title-with-icon.small.plain.align-right, .title-with-icon.medium.align-right, .title-with-icon.medium.plain.align-right {
        text-align: left;
    }
    .title-icon.align-right {
        float: left;
        margin-right: 30px;
        margin-left: 0px;
    }
    .title-with-icon.medium.align-right {
        padding-left: 100px;
        padding-right: 0px; 
    }
    .title-icon.small.align-right {
        margin-left: 0px;
        margin-right: 20px;
    }
    .title-with-icon.small.plain.align-right {
        padding-left: 50px;
        padding-right: 0px;
    }
    .title-with-icon.medium.plain.align-right {
        padding-right: 0px;
        padding-left: 60px;
    }
    .title-with-icon * {
        text-align: left !important;
    }
    .portfolio-carousel-module .owl-buttons{
        display: none;
    }
    /*.client-carousel-module .owl-dots,
    .portfolio-carousel-module .owl-dots{
        display: block; 
    }*/
    .style1-navigation .single-page-nav a{
        margin: 15px;
    }
    .single-page-nav.style2-navigation .next-post-link h6,
    .single-page-nav.style2-navigation .previous-post-link h6{
        display: none;
    }
    .content_slide_inner {
      width: 100% !important;
    }
    .special-subtitle{
      max-width: 100%;
    }
    .contact_form.style2 .field_name,
    .contact_form.style2 .field_email{
        width: 100%;
        float: none;
    }
    .contact_form.style2 .field_name{
        margin-right: 0px;
    }
/*    .gallery_content {
        position: relative;
        width: 100%;
        right: 0px;
        box-shadow: none !important;
    }
    .gallery_content,
    .gallery_content * {
        height: auto !important;
        max-height: none !important;
    }
    .gallery_content_area_wrap {
        padding: 20px !important;
    }
    .gallery-all-container .carousel_bar_area{
        display: none; 
    }
    .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
        right: 0px;
        text-align: center;
        width: 100%;
    }
    .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
        float: none;
        display: inline-block;
        margin-bottom: 30px;
    }
    .arrow_next, .arrow_prev {
        display: none !important;
    }
    .gallery_content {
        background: transparent !important;
    }*/
}

/*********************************************************************
            MOBILE 400
*********************************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    ul.tabs li {
        width: 438px;
    }

  .three-col .element, 
	.four-col .element , 
	.two-col .element,
	.three-col .element.wide, 
	.four-col .element.wide , 
	.two-col .element.wide {
        width:100%;
    }
	.full-screen .element, 
	.full-screen.three-col .element, 
	.full-screen.four-col .element, 
	.full-screen.five-col .element {
		width: 50%!important;
	}
  .full-screen.one-col .element,
  .full-screen .style3-blog .element, 
  .full-screen.three-col .style3-blog .element, 
  .full-screen.four-col .style3-blog .element, 
  .full-screen.five-col .style3-blog .element {
    width: 100% !important;
  }
}